/* 浅色主题 */
.light-theme {
  --bg-color: #ffffff;
  --text-color: #333333;
  --border-color: #dddddd;
  --header-bg: #f8f9fa;
  --button-bg: #ffffff;
  --button-hover-bg: #f5f5f5;
}

/* 深色主题 */
.dark-theme {
  --bg-color: #1e1e1e;
  --text-color: #ffffff;
  --border-color: #444444;
  --header-bg: #333333;
  --button-bg: #333333;
  --button-hover-bg: #444444;
}

/* 应用主题变量 */
.light-theme,
.dark-theme {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.light-theme header,
.dark-theme header {
  background-color: var(--header-bg);
  border-color: var(--border-color);
}

.light-theme .theme-switcher button,
.dark-theme .theme-switcher button {
  background-color: var(--button-bg);
  border-color: var(--border-color);
  color: var(--text-color);
}

.light-theme .theme-switcher button:hover,
.dark-theme .theme-switcher button:hover {
  background-color: var(--button-hover-bg);
}